<template>
  <layout-main>
    <template #banner>
      <div class="custom-banner">这是自定义的banner</div>
    </template>
    <div class="content">
      <p>这是子页面的主体内容。</p>
    </div>
  </layout-main>
</template>

<style scoped>
.custom-banner {
  background-color: #f5f5f5;
  padding: 20px;
  text-align: center;
  font-size: 1.5rem;
  color: #333;
}
.content {
  padding: 20px;
}
</style>